﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8;IE=9;IE=10;IE=Edge;"/>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>轮播页</title>

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/banner.css" />
<style>
.container-fluid{
	padding: 0px !important;
}

.box-p {
	background-color: white;
	padding: 10px;
}

.main-box .text-box p {
	background: none !important;
}
.main-box .text-box marquee{
	height:800px;
}
</style>
<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
    <script type="text/javascript" src="js/tools.js?sdfsdf234324" ></script>
<!--[if lt IE 9]>
			<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
			<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
<script type="text/javascript">
   function reloadtext(str){
	   var newStr ='<marquee direction="up" scrollamount="1"><div class="box-p" id="mybox">'+str +'</div></marquee>';
	   $(".text-box").html(newStr);				
   }

   $(function(){
       var str = window.location+"";
       var start =str.indexOf("?");
       str = str.substring(start+1);
       $.ax(
           "/tk/video/findContext?id="+str,
           null,
           null,
           "get",
           "json",
           function(data){
               reloadtext(data.data)
           },
           function(err){
               console.log(err);
           }
       );
   })
   
</script>
</head>
<body>
	<div class="all">

		<div class="container-fluid main-box">
			<div class="row">
				<div class="text-box">
					<marquee direction="up" scrollamount="1">
						<div class="box-p" id="mybox">		
						</div>
					</marquee>
				</div>
			</div>
		</div>
		
		
		<!--<center>当前ie版本:<font style="color: red;"><a  id="dd" href="#">aa</a></font></center>
		-->
		<div class="footer-box">
			<p class="footer-title">洪山区科普视窗</p>
			<p>洪山区科学技术协会主办、武汉泰可电气承办</p>
		</div>
	</div>

	<!--<script type="text/javascript" src="js/banner1.js" ></script>-->
	<script>
			function sizeFun(){
				var bodyWidth = document.documentElement.clientWidth;
    var bodyHeight = document.documentElement.clientHeight;
    				$(".all").css("height",bodyHeight+"px");
				   //$(".main-box .text-box marquee").css("height",(bodyHeight-135)+"px");
			}
			$(function(){
				sizeFun();	
			})
			$(window).resize(function (){ 
				sizeFun();	
			});
		
	</script>

</body>
</html>
